/**
 * @Author iCer
 */

@charset "UTF-8";



/* import core styles  */
@import url(base.css);

/* import screen layout */
@import url(default.css);

/* import jquery plugin style */
@import url(../js/lib/treeview/jquery.treeview.css);
@import url(../js/lib/jquery.simpleTabs.css);

/* background */
body { background: #4d87c7 url("../images/bg_blue.png") repeat-x top left fixed; padding: 5px 0; overflow-y:scroll; }

.page_margins { margin: 0 auto; }

/* Layout Properties */
.page_margins { width: 960px; height:100%  min-width: inherit; max-width: none; background: #fff; }
.page { padding: 2px; }
#header { padding: 1em 1em 1em 20px; color: #000; background: #fff; }
#topnav { color: #aaa; background: transparent; }
#nav { overflow:hidden; }
#main { margin: 2px 0; background: #fff; }
#footer { padding: 2px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; clear:both;}

/* set column dividers */ 
#header { border-bottom: 1px #ddd solid; }

/**
 * Formatting content container
 */
#col1 { float: left; width: 20%;  height:500px; border-right: 1px #ddd solid;}
#col3 { width: auto; margin: 0 0 0 20%}
#sidebar { padding: 0 10px 0 10px; }
#content { padding: 0 10px 0 10px ; }
#tree {overflow-y:auto;}
#tree li {line-height:1em;}

.groupLink {cursor:pointer;}

.green {color:green; font-size:1.5em}
.red {color:red;font-size:1.5em}
.gray {color:gray; font-size:1.5em}
.yellow {color:yellow; font-size:1.5em}

#status, #notification {
    width:720px;
	background-color:#CCCCCC;
	height:1.5em;
	line-height:1.5em;
	vertical-align:middle;
    padding-left:2px;
}
#ncList {
    width:720px;
    padding-left:2px;
	background-color:#eeeeee;
    display:inline-block;
}
.icon {
    float:left;
    font-size:80%;
    width:65px;
    height:80px;
    margin:2px;
    text-align:center;
}
.icon a {
    display:block;
    text-decoration:none;
    color:#000;
}
.iconSelected {
    border:1px solid #ccc;
}
.inline {display:inline-block;}
.none {display:none;}
.ipt {background-color:#fff;border:1px solid #bbb;}


#panel {
    padding:5px 1px;
    background-color:#eeeeee;
    width:720px;
}
#groupPanel {
    padding:5px 1px;
    background-color:#eeeeee;
    width:720px;
}
.tbTitle { 
    font-weight: bold;
    text-align:center;
}

/**        monitor画面                **/
#monitor, #diagnose { width:auto;}
#td1, #td2 { vertical-align:top; }
.alignRight { text-align:right;}
.highLight { color:navy;}
#fd1 {
    height:170px;
    width:330px;
}
#program {
    width:300px;
    height:100px;
    overflow-y:auto;
    border:1px solid #ccc;
    padding: 5px;
}

/**        诊断画面                **/
.plctype { width:80px;}
.diagTab { width:80px; cursor:pointer;}
#plcValue1, #plcValue2 { height:1.45em; width:180px;}

.plcTb
{
    margin: 4px 2px;
    border: 1px solid gray;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:0.8em;
}
.plcTb thead
{
    background: bisque;
    text-align:center;
}
.plcTb tfoot
{
    background: khaki;
    text-align: center;
}
.plcTb td, .plcTb th
{
    border: 1px solid gray;
}
/** 隐藏每页行数,第一页,最后一页,总页数,当前页选择 **/
#tablePagination_perPage, 
#tablePagination_firstPage , 
#tablePagination_lastPage,
#tablePagination_currPage,
#tablePagination_totalPages { display:none;}

#tablePagination_prevPage,
#tablePagination_nextPage {
    cursor:hand;
    border:1px solid #ccc;
    margin: 2px;
}
#tablePagination { clear:both;}
#ncLog {border:1px solid grey;}


.diagDiv {width:600px;}
.diagTb
{
    margin: 4px 2px;
    border: 1px solid gray;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:0.9em;
}
.diagTb thead
{
    background: bisque;
    text-align:center;
}
.diagTb tfoot
{
    background: khaki;
    text-align: center;
}
.diagTb td, .plcTb th
{
    border: 1px solid gray;
    min-width:40px;
}


/**       维护画面               **/
.upperClass label,.subClass label { display:block; width:130px;}
.subClass {display:none; height:155px;}
.maintenanceBtn { width:105px;}
#maintenanceInput {width:530px; height:320px;}

/** 组管理画面 **/
.manageGrp fieldset {padding-top:10px;}
.manageGrp span {width:140px;  display:inline-block;}

.warningBody {width:300px; border:1px solid gray; height:300px}
.warningHead {
    background-color: #AAAAAA;
    height: 1.5em;
    margin: 1px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5em;
}
